@import 'gongshi.less';

.gwc-head{
	width:100%;
	.px2rem(height,90);
	display: flex;
	justify-content:center;
	align-items:center;
	box-sizing: border-box;
	border-bottom:1px solid #e0dde5;
	.px2rem(font-size,35);
}

.gwc-main{
	width: 100%;
	.px2rem(margin-bottom,106);
	display: flex;
	flex-direction:column;
	.gwc-dl{
		width: 100%;
		.px2rem(height,83);
		display: flex;
		align-items:center;
		justify-content:space-between;
		background: #fffbde;
		.px2rem(font-size,25);
		span{
			text-align: center;
			color: #f57c00;
			&:nth-child(1){
				flex:1;
				.px2rem(letter-spacing,5);
			}
			&:nth-child(2){
				.px2rem(width,83);
			}
		}
	}
	.gw{
		width: 100%;
		img{
			width: 100%;
		}
	}
	.gwc-db{
		width: 100%;
		display: flex;
		flex-direction:column;
		.gd-top{
			color: #282828;
			.px2rem(font-size,28);
			.px2rem(height,125);
			text-align: center;
			.px2rem(line-height,125);
		}   
		.gd-bottom{
			display: flex;
			flex-wrap:wrap;
			justify-content:space-between;
			.px2rem(padding-left,20);
			.px2rem(padding-right,20);
			.gd-a{
				width: 49%;
				.px2rem(padding-bottom,38);
				dl{
					width: 100%;
					.px2rem(border-radius,10);
					dt{
						img{
							width: 100%;
						}
					}
					dd{
						width: 100%;
						color: #a18d63;
						.px2rem(font-size,25);
						.px2rem(height,72);
						.px2rem(line-height,72);
						background: #f7efe7;
						box-sizing: border-box;
						.px2rem(padding-left,14);
					}
				}
				.gw1{
					.px2rem(margin-top,18);
					span{
						color: #fff;
						.px2rem(margin-left,20);
						.px2rem(font-size,18);
						.px2rem(padding-left,20);
						.px2rem(padding-right,20);
						.px2rem(padding-top,5);
						.px2rem(padding-bottom,5);
						.px2rem(border-radius,4);
					}
					.bp{
						background: #dea24a;
					}
					.bp1{
						background: #e7797b;
					}
					.bp2{
						background: #ceb694;
					}
				}
				.gw2{
					.px2rem(margin-top,18);
					color: #171617;
					.px2rem(font-size,28);
					white-space:nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
				}
				.gw3{
					color: #b52728;
					.px2rem(margin-top,14);
					.px2rem(font-size,22);
					white-space:nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
				}
			}
		}
	}
}
.gwc-footer{ 
	  position: fixed;
    bottom:0;
    z-index: 999;
	width: 100%;
	.px2rem(height,100);
	display: flex;
	background: #fafafa;
	justify-content:center;
	box-sizing: border-box;
	border-top: 1px solid #d6d6d6;
		a{
					.px2rem(margin-top,10);            
			flex:1;
			display: flex;
			align-items:center;
			flex-direction:column;
			dl{
                
				dt{
					.px2rem(font-size,40);
				}
				dd{
					.px2rem(margin-top,8);					.px2rem(margin-top,5);
					.px2rem(font-size,20);
					color: #888888;
				}
			}
		}
	.fl-xz{
		color: #a20000;
		dl{
			dd{ 
				color: #a20000;
			}
		}
	}
}
